<template>
  <div class="person">

  </div>
</template>
<script setup lang="ts">
import { type PersonInter, type Persons } from '@/types';
let person: PersonInter = { id: 'chuan1', name: '张三', age: 18}
let personList: PersonInter[] = [{ id: 'chuan1', name: '张三', age: 18, sex: '男' }, { id: 'chuan2', name: '李四', age: 19, sex: '女' }]
let personList2: Array<PersonInter> = [{ id: 'chuan1', name: '张三', age: 18, sex: '男' }, { id: 'chuan2', name: '李四', age: 19, sex: '女' }]
let personList3: Persons = [{ id: 'chuan1', name: '张三', age: 18, sex: '男' }, { id: 'chuan2', name: '李四', age: 19, sex: '女' }]
</script>
<style scoped>
.person {
  background-color: #e7abab;
  box-shadow: 0 0 10px;
  border-radius: 10px;
  padding: 20px;
}

button {
  margin: 0 5px;
}
</style>